<!doctype html>
<html class="side-header" data-style-switcher-options="{'changeLogo': false, 'colorPrimary': '#62AC6E', 'colorSecondary': '#e36159', 'colorTertiary': '#2baab1', 'colorQuaternary': '#383f48'}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<link rel="stylesheet" href="{:config('template.skin')}/owl.carousel/assets/owl.carousel.min.css">
</head>
<body class="bg-orange">
<div class="container bg-white box-shadow">
    <div class="row">
        <div class="col-sm-12 px-0 px-sm-3">
            <!--body 开始-->
            <div class="body">
                {include file="public/head" /}
                <div role="main" class="main">
                    <!--banner 开始-->
                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
                        <!-- 语言 -->
                        <div class="lang d-none d-sm-block">
                            {if count($lang_list) > 1}
                                <li class="dropdown nav-item-left-border">
                                    <a class="pl-0 ml-2 text-white" href="{$home_path}" role="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="/skin/admin/img/flags/{$lang}.png" class="mr-1" />{$langRs.viewtitle}<i class="fa fa-angle-down ml-1"></i></a>
                                    <div class="dropdown-menu py-1 px-2" aria-labelledby="dropdownLanguage">
                                        {volist name="lang_list" id="langRs"}
                                            <a class="dropdown-item h6 p-1 mb-0" href="{$langRs.url}"><img src="{$langRs.ico}" class="mr-1" />{$langRs.viewtitle}</a>
                                        {/volist}
                                    </div>
                                </li>
                            {/if}
                        </div>
                        <ol class="carousel-indicators">
                            <?php $banner = ad(5,$lang); ?>
                            {foreach $banner as $key=>$adRs}
                                <li data-target="#myCarousel" data-slide-to="{$key}" {eq name="key" value="0"}class="active"{/eq}></li>
                            {/foreach}
                        </ol>
                        <div class="carousel-inner">
                            {foreach $banner as $key=>$adRs}
                                <div class="carousel-item banner {eq name="key" value="0"}active{/eq}" style="background:url({$adRs.thumb}) center no-repeat;">
                                    <div class="col-md-12 text-center">
                                        <div class="w-100 h2 text-white ellipsis line-2">{$adRs.title|raw}</div>
                                        <div class="w-100 mt-5 h5 text-white d-none d-sm-block">{$adRs.description|raw}</div>
                                        <div class="w-100 mt-5 text-center d-none d-sm-block"><a href="{$adRs.linkurl}" class="btn btn-rounded px-4 h6 btn-danger">{:lang('v_view')} {:lang('v_detail')} &raquo;</a></div>
                                    </div>
                                </div>
                            {/foreach}
                        </div>
                        <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <!--banner 结束-->
                </div>
            </div>
            <!--body 结束-->
        </div>
    </div>
</div>
<!--关于我们 开始-->
<div class="w-100 mt-3 mt-sm-3 py-3 py-sm-5 d-block d-sm-none" style="background: url({$about_bg});">
    <div class="w-100 text-center h4 mb-3 dream text-uppercase" data-animate="fadeInUp,2s">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_about')}</span>—</div>
    <div class="container">
        <div class="row dream" data-animate="fadeInUp,2s">
            <div class="col-sm-12 h6 mb-4 line-height-180">{$aboutus|raw}</div>
        </div>
    </div>
</div>
<!--关于我们 结束-->
<!--产品 开始-->
<div class="w-100 text-center d-block d-sm-none dream" data-animate="fadeInUp,1s">
    <div class="w-100 h4 mb-3 mb-sm-4 text-uppercase">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_new_product')}</span>—</div>
    <div class="container">
        <div class="row">
            <?php $pro_list = table_list('product', 0, '*', $lang, 4, 'product.sequence desc'); ?>
            {volist name="pro_list" id="proRs"}
                <div class="col-sm-3 col-6 mb-4 mb-sm-3">
                    <a href="<?php the_view_url($proRs['id'],'product'); ?>">
                        <div class="w-100 img-border">
                            <img src="{$proRs.thumb}" class="w-100 mb-2" alt="{$proRs.title}">
                            <div class="w-100 h5 line-height-180 ellipsis line-1">{$proRs.title|raw}</div>
                        </div>
                    </a>
                </div>
            {/volist}
            <div class="col-sm-12 mt-sm-4 text-center">
                <a class="btn btn-rounded px-4 h6 btn-success" href="<?php the_list_url('product'); ?>">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
            </div>
        </div>
    </div>
</div>
<!--产品 结束-->
<!--新闻 开始-->
<div class="w-100 my-5 d-block d-sm-none">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 text-right d-none d-sm-block dream" data-animate="fadeInLeft,2s">
                <img src="{$about_img}" class="w-100 mt-4">
            </div>
            <div class="col-sm-6 dream" data-animate="fadeInRight,2s">
                <div class="w-100 h4 text-center text-sm-left text-uppercase">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_news')}</span>—</div>
                <?php $news_list = table_list('news', 0, '*', $lang, 3, 'news.addtime desc'); ?>
                {volist name="news_list" id="newsRs"}
                    <hr>
                    <div class="w-100">
                        <a href="<?php the_view_url($newsRs['id'],'news'); ?>">
                            <div class="w-100 h5 ellipsis line-1">{$newsRs.title|raw}</div>
                        </a>
                        <div class="w-100 h6 text-muted line-height-150 ellipsis line-1">{$newsRs.description|raw}</div>
                    </div>
                {/volist}
            </div>
            <div class="col-sm-12 mt-4 text-center">
                <a class="btn btn-rounded px-4 h6 btn-success" href="<?php the_list_url('news'); ?>">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
            </div>
        </div>
    </div>
</div>
<!--新闻 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/owl.carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="{:config('template.skin')}/js/carousel.js"></script>
</body>
</html>